<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" type="image/x-icon" href="icon/favicon.ico" />
    <title>Static Template</title>
    <link rel="stylesheet" href="css/index.css" />
    
  </head>
  <body>
<noscript>您的浏览器不支持运行JavaScript，部分服务可能无法享用。</noscript>

<main id="content_box" class="content-box">
  <div class="background-texture"></div>
  <section class="verse-box">
    <div class="verse">
      <div id="verse_title" class="verse-title" onclick="page.clickVerseTitle(event)"></div>
      <span id="verse_content" class="verse-content" onclick="page.clickVerseText(event)"></span>
    </div>
  </section>

  <section id="idiom_box" class="idiom-box" style="display: none">
    <div class="idiom" onclick="page.clickIdiom(event)">
      <span id="idiom_text" class="idiom-text"></span>
    </div>
  </div>
</main>

<section id="page_container" class="page-container out-by-bottom" onclick="page.clickPageContainer(event)">
  <div id="scroll_view" class="scroll-view" onclick="page.clickVerseItem(event)">
    <div id="no_more" class="no-more">加载更多</div>
  </div>
</section>

<image class="seal" src="img/seal.png" mode="aspectFit"></image>

<!-- 复用标签块使用这种 -->
<template id="demo_tempalte">
  <div>
    <p>${p}</p>
    <a href="${href}">${a}</a>
  </div>
</template>

<script src="https://cdn.jsdelivr.net/npm/leancloud-storage@4.12.2/dist/av.min.js"></script>
<script src="lib/localforage.min.js"></script>
<script src="js/av.js"></script>
<script src="js/common.js"></script>
<script src="js/config.js"></script>

  
  <script src="js/index.js"></script>
  

</body>
</html>
